<template>
	<view class="content">
		<div v-if="the_type == 'peixun'">
			<div style="text-align: center;">
				<span class="iconfont icon-changyongicon-"></span>
			</div>
			<p style="text-align: center;width: 94%;padding: 20rpx 3%;margin-top: 20rpx;">您已报名成功，请及时缴费，多人报名，请点击继续报名</p>
			<text class="tit"></text>
			<view class="btn-group" style="margin-left: 10%;">
				<span class="mix-btn hollow" @tap="goon_baoming()">继续报名</span>
				<navigator url="me" open-type="switchTab" class="mix-btn hollow">返回个人中心</navigator>
			</view>
		</div>
		<div v-else>
			<text class="iconfont icon-changyongicon-"></text>
			<text class="tit">您已申请成功，等待审核</text>
			<text class="tit"></text>
			<view class="btn-group">
				<navigator url="me" open-type="switchTab" class="mix-btn hollow">返回个人中心</navigator>
			</view>
		</div>
	</view>
</template>

<script>
	var that;
	export default {
		data() {
			return {
				title:'您的资料已提交',
				act:'renmai',
				the_type:'',
				active_id:0
			}
		},
		onLoad(options) {
			that = this;
			that.active_id = options.active_id;
			that.the_type = options.type;
		},
		methods: {
			goon_baoming(){
				uni.redirectTo({
					url:'/pages/index/peixun_apply?active_id='+that.active_id
				});
			},
			param_to_url2(url){
				uni.redirectTo({
					url:url
				});
			}
		}
	}
</script>

<style lang='scss'>
	.content{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.icon-changyongicon-{
		font-size: 80rpx;
		color: #fff;
		margin-top: 100upx;
		border-radius: 100%;
		display: inline-block;
		width: 120rpx;
		height: 120rpx;
		text-align: center;
		line-height: 120rpx;
		font-weight: 600;
		background-color: #0068F7;
	}
	.success-icon{
		font-size: 160upx;
		color: #fa436a;
		margin-top: 100upx;
	}
	.tit{
		margin-top: 20rpx;
		font-size: 38upx;
		color: #303133;
		width: 94%;margin-left: 3%;
		text-align: center;
	}
	.btn-group{
		padding-top: 100upx;
	}
	.mix-btn {
		margin-top: 30upx;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 600upx;
		height: 80upx;
		font-size: 32rpx;
		color: #fff;
		background-color:#009966;
		border-radius: 10upx;
		&.hollow{
			background: #fff;
			color: #303133;
			border: 1px solid #ccc;
		}
	}
</style>
